<template>
  <div>
    <base-header class="pb-6 pb-8 pt-5 pt-md-6 bg-gradient-success">
    </base-header>
    <b-container fluid class="mt--7">
      <div class="containr">
        <b-row style="color: white">
          <b-col xl="12" class="mb-xl-0">
            <el-card class="box-card">
              <div slot="header" class="clearfix">
                <div>学期</div>
                <el-select class="item-choose" v-model="myYear" size="small">
                  <el-option
                    v-for="item in myYearList"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
                <el-select class="item-choose" v-model="myTerm" size="small">
                  <el-option
                    v-for="item in myTermList"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
                <el-select class="item-choose" v-model="myType" size="small">
                  <el-option
                    v-for="item in typeList"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </div>
            </el-card>
          </b-col>
        </b-row>
        <el-table
          :data="tableData"
          height="250"
          fixed=right
          border
          style="width: 100%">
          <el-table-column
            fixed="right"
            align="center"
            prop="lessonId"
            label="课程课号"
            width="150">
          </el-table-column>   
          <el-table-column
            fixed="right"
            align="center"
            prop="lesson"
            label="课程名称"
            width="180">
          </el-table-column>
          <el-table-column
            fixed="right"
            align="center"
            prop="name"
            label="姓名">
          </el-table-column>
          <el-table-column
            fixed="right"
            align="center"
            prop="time"
            label="考试时间"
            width="250">
          </el-table-column>
          <el-table-column
            fixed="right"
            align="center"
            prop="place"
            label="考试地点">
          </el-table-column>
          <el-table-column
            fixed="right"
            align="center"
            prop="number"
            label="座位号">
          </el-table-column>
        </el-table>
      </div>
    </b-container>
  </div>
</template>
<script>
// Axios
import axios from "axios";
export default {
  components: {},
  data() {
    return {
      tableData: [
        {
          lessonId: "SX000109",
          lesson: "数据结构",
          name: "老渣男",
          time: "12/27 8:30 ~ 10:05",
          place: "BJ03",
          number: "1",
        },
        {
          lessonId: "XX012414",
          lesson: "web开发",
          name: "老渣男",
          time: "12/27 8:30 ~ 10:05",
          place: "B121",
          number: "2",
        },
        {
          lessonId: "XX391701",
          lesson: "程序开发",
          name: "老渣男",
          time: "12/27 8:30 ~ 10:05",
          place: "B210",
          number: "3",
        },
        {
          lessonId: "XX468123",
          lesson: "Python开发",
          name: "老渣男",
          time: "12/27 8:30 ~ 10:05",
          place: "CJ01",
          number: "4",
        },
      ],
      myYearList: [
        {
          value: "1",
          label: "2018 ~ 2019",
        },
        {
          value: "2",
          label: "2019 ~ 2020",
        },
      ],
      myTermList: [
        {
          value: "1",
          label: "第一学期",
        },
        {
          value: "2",
          label: "第二学期",
        },
      ],
      typeList: [
        {
          value: "1",
          label: "校内课程",
        },
        {
          value: "2",
          label: "校外网课",
        },
      ],
      myYear: "学年",
      myTerm: "学期",
      myType: "课型",
      
    };
  },
  methods: {},
};
</script>
<style>
.containr {
  background-color: #fff;
  height: 1200px;
}
.el-table .cell {
  padding-left: 0px;
  padding-right: 0px;
}
.text {
  font-size: 14px;
}

.item {
  margin-bottom: 18px;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.fieldTable {
  margin: auto;
  margin-top: 20px;
  border: darkturquoise;
  text-align: left;
}
.fieldTable td {
  width: 100px;
}
</style>
